<!DOCTYPE html>
<html lang="en" class="no-js">

	<head>
		<meta charset="utf-8">
		<title>前端工程师 - 张维维 个人简历</title>
		<meta name="description" content="张维维，目标为前端工程师，现在主要在学习前端内容">
		<meta name="keywords" content="张维维,前端工程师,前端工程师,HTML5">
		<meta name="author" content="Harry">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
		<link rel="shortcut icon" href="http://o9bnpyjqi.bkt.clouddn.com/resume/img/favicon.ico">
<link href="http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,700" rel="stylesheet" type="text/css">
		<link href="http://fonts.googleapis.com/css?family=Oswald:400,300,700" rel="stylesheet" type="text/css">
		<link href="http://fonts.googleapis.com/css?family=Nunito" rel="stylesheet" type="text/css">
		<link rel="stylesheet" type="text/css" href="http://o9bnpyjqi.bkt.clouddn.com/resume/css/plugins.css" media="screen">
		<link rel="stylesheet" type="text/css" href="http://o9bnpyjqi.bkt.clouddn.com/resume/css/style.css" media="screen">
		<link rel="stylesheet" type="text/css" href="http://o9bnpyjqi.bkt.clouddn.com/resume/css/green.css" media="screen">
		<script type="text/javascript" src="http://o9bnpyjqi.bkt.clouddn.com/resume/js/modernizr.js"></script>
	</head>
	<body data-spy="scroll" data-offset="120">
		<div class="animationload">
			<div class="loader">加载中...</div>
		</div>
		<div id="container" class="container">
			<div id="sidebar" class="fl_menu">
				<header class="sidebar-section">
					<div class="header-logo">
						<a class="logo" href="#"><span>张<br>维维</span></a>
					</div>
					<a class="elemadded responsive-link" href="#">Menu</a>
					<div class="navbar-vertical">
						<ul class="main-menu nav">
							<li class="active">
								<a href="#about"><i class="pe-7s-id"></i>个人简介</a>
							</li>
							<li>
								<a href="#skills"><i class="pe-7s-science"></i>所学技能</a>
							</li>
							<li>
								<a href="#experience"><i class="pe-7s-paper-plane"></i>工作经历</a>
							</li>
							<li>
								<a href="#education"><i class="pe-7s-study"></i>教育背景</a>
							</li>							
						</ul>
					</div>
				</header>
			</div>
			<div id="content">
				<section class="home wow fadeInLeft animated" id="home">
					<div class="content text-center">
						<h1>Hello ! I am <span>张维维</span></h1>
						<div class="tlt">
							<ul class="texts">
								<li>Creative Designer</li>
								<li>Talented Illustrator</li>
								<li>Web Designer</li>
							</ul>
						</div>
					</div>
					<div class="clear"></div>
				</section>
				<section class="about section section-t wow fadeInRight animated" id="about">
					<p class="sub-title">我是谁?</p>
					<h3 class="title">个人简介</h3>
					<hr>
					<p>您好，我是前端开发人员张维维。大学期间学习了Photoshop、AI图像处理工具；工作之后学习了XHTML + CSS + JS，走上了前端开发之路。 毕业以后，进入济南迅驰开始了第一份工作，在那里主要负责网页美工偏设计类工作。设计一些为客户专门定制的专题，包含手机界面，pc界面，平面类产品。工作二年之余，便进入了 济南纳维，在那里主要负责前端页面的编写。</p>
					<ul class="list-inline">
						<li><span>姓名:</span> 张维维</li>
						<li><span>电子邮箱:</span>
							<a href="mailto:wei_happiness9@qq.com">wei_happiness9@163.com</a>
						</li>
						<li><span>手机:</span> 15165050857</li>
						<li><span>出生日期:</span> 1990 - 11 - 29</li>
						<li><span>居住地点:</span> 山东省济南市高新区林家庄</li>						
					</ul>
					<div class="clear"></div>
				</section>
				<section class="skills section section-t wow fadeInLeft animated" id="skills">
					<p class="sub-title">我会什么?</p>
					<h3 class="title">所学技能</h3>
					<hr>
					<div class="row">
						<div class="col-md-6">
							<div class="fixed">
								<div class="progress-bar-description">xHtml + CSS 前端基本技能 <span style="left:86%">86%</span></div>
								<div class="progress custom-progress">
									<div class="progress-bar custom-progress-bar progress-custom-color" role="progressbar" aria-valuenow="86" aria-valuemin="0" aria-valuemax="100" style="width: 86%"></div>
								</div>
							</div>
							<div class="fixed">
								<div class="progress-bar-description">Phtoshop+AI <span style="left:73%">73%</span></div>
								<div class="progress custom-progress">
									<div class="progress-bar custom-progress-bar progress-custom-color" role="progressbar" aria-valuenow="73" aria-valuemin="0" aria-valuemax="100" style="width: 73%"></div>
								</div>
							</div>
							<div class="fixed">
								<div class="progress-bar-description">JS<span style="left:79%">79%</span></div>
								<div class="progress custom-progress">
									<div class="progress-bar custom-progress-bar progress-custom-color" role="progressbar" aria-valuenow="79" aria-valuemin="0" aria-valuemax="100" style="width: 79%"></div>
								</div>
							</div>
							<div class="fixed">
								<div class="progress-bar-description">Bootstrap框架<span style="left:70%">79%</span></div>
								<div class="progress custom-progress">
									<div class="progress-bar custom-progress-bar progress-custom-color" role="progressbar" aria-valuenow="79" aria-valuemin="0" aria-valuemax="100" style="width: 79%"></div>
								</div>
							</div>
						</div>
						<div class="col-md-6">
							<ul class="check">
								<li>页面切图 &amp; 页面编码</li>
								<li>HTML5 响应式页面编写</li>					
								<li>AmazeUI/Bootstrap等框架使用</li>
								<li>GIT 版本控制</li>
								<li>Gulp 自动化应用</li>	
								<li>Photoshop、Ai工具对设计图进行设计；</li>
							</ul>
						</div>
					</div>
				</section>
				<section class="experience section section-t wow fadeInRight animated" id="experience">
					<p class="sub-title">我做过什么?</p>
					<h3 class="title">工作经历</h3>
					<hr>
					<div class="row">
						<div class="col-md-3 col-sm-4">
							<div class="cv-section-title">
								<h3><span>2013<small>7月</small></span> - <span>2015<small>6月</small></span></h3>
								<h4>济南讯驰计算机信息技术有限公司</h4>
							</div>
						</div>
						<div class="col-md-9 col-sm-8">
							<div class="cv-item">
								<h4>网站美工</h4>
								<p>在此期间主要负责负责公司网站、易拉宝、手机app设计。其次利用切图工具完成切图工作，通过Html代码、Div+Css布局完成静态页面，配合后台人员完成页面功能。</p>
							</div>
						</div>
					</div>
					<div class="row margin-t-40">
						<div class="col-md-3 col-sm-4">
							<div class="cv-section-title">
								<h3><span>2015<small>7月</small></span> - <span>至今</span></h3>
								<h4>济南纳维科技信息技术有限公司</h4>
							</div>
						</div>
						<div class="col-md-9 col-sm-8">
							<div class="cv-item">
								<h4>前端开发</h4>
								<p>主要负责页面切图，页面开发。含PC端管理后台编写 以及HTML5页面的编写。</p>
							</div>
						</div>
					</div>
				</section>
				<section class="experience education section section-t wow fadeInLeft animated" id="education">
					<p class="sub-title">我的学校!</p>
					<h3 class="title">教育背景</h3>
					<hr>
						<div class="row margin-t-40">
						<div class="col-md-3 col-sm-4">
							<div class="cv-section-title">
								<h3><span>2011<small>9月</small></span> - <span>2013<small>7月</small></span></h3>
								<h4>山东师范大学历山学院</h4>
							</div>
						</div>
						<div class="col-md-9 col-sm-8">
							<div class="cv-item">
								<h4>计算机科学与技术</h4>
								<p>在校期间，主修数据结构、计算机网络、操作系统、计算机原理等。</p>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 col-sm-4">
							<div class="cv-section-title">
								<h3><span>2008<small>9月</small></span> - <span>2010<small>7月</small></span></h3>
								<h4>潍坊职业学院</h4>
							</div>
						</div>
						<div class="col-md-9 col-sm-8">
							<div class="cv-item">
								<h4>计算机应用技术</h4>
								<p>在校期间，该专业主要学习网页制作、photoshop软件内容。</p>
							</div>
						</div>
					</div>					
				</section>				
				<footer class="footer">
					<p class="copyright">© 2017 weiwei. All rights Reserved.</p>
				</footer>
			</div>
		</div>
		<a href="#" class="back-to-top"><i class="pe-7s-angle-up"></i></a>
		<script src="http://o9bnpyjqi.bkt.clouddn.com/resume/js/jquery.min.js"></script>
		<script type="text/javascript" src="js/plugins.js"></script>
		<script type="text/javascript" src="js/jquery.app.js"></script>
	</body>

</html>